// 定义了一个名为app的变量，它的值就是app实例
const app = getApp();


// pages/home/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    name:"张三",
    value:"",
    list:[
    
    ],
    title:app.globalData.title
  },

  change(){
    app.globalData.title = "全局标题修改"
    this.setData({
      title:app.globalData.title 
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(app.globalData.isLogin);
    console.log(app.test);
    // 和vue里的created是类似的。第一次加载界面的时候会执行的
    // 进行数据的初始化
    // wx.getStorage({
    //   key: 'todoList',
    //   // 异步操作
    //   success :(res) => {
    //     console.log(res);
    //     // 拿到了在本地存储的数据
    //     // this是undefiend
    //     this.setData({
    //       list:res.data
    //     })
    //   }
    // });
    this.setData({
      list: wx.getStorageSync('todoList2')
    })
    // wx.navigateTo({
    //   url: '/pages/todo/todo',
    // })

    // $router.replace()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // 在小程序里，不在是响应式的了
    // this.data.name = "李四";
    // 告诉小程序我们需要修改指定的数据了。
    this.setData({
      name:"李四"
    });
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log("home界面被隐藏了...");
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log("home界面被卸载了");
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  // 提交方法
  submit(e){
    console.log(e);
    console.log("9999");
    console.log(this.data.value);
    this.data.list.push(this.data.value)
    // 想让界面更新
    // this.setData 小程序里的api
    this.setData({
      // 需要变更的数据
      list:this.data.list
    })
    // 调用api把数据存到本地
    // wx.setStorage({
    //   // 可以是任意类型的
    //   data: this.data.list,
    //   key: 'todoList',
    // })
    wx.setStorageSync("todoList2",this.data.list);

    // 当这个操作影响到后续的操作的时候，或者说后续的操作依赖当前操作的时候，用同步
  },
  // e代表事件元数据
  onInput(e){
    console.log(e);
    this.setData({
      //
      value:e.detail.value
    })
  },
  // 删除指定元素
  del(e){
    // currentTarget： 当前执行的事件元素
    // target： 触发这个事件的元素
    console.log(e.currentTarget.dataset.index);
    console.log(e);
  },

  tapBox(e){
    console.log("盒子");
  },
  tapInner(e){
    console.log("内层");
  },
  tapChild(e){
    console.log("最内层");
  },
  back(){
    wx.navigateBack({
      delta: 2,
    })
  },
  replace(){


    wx.redirectTo({
      url: '/pages/todo/todo',
    })
  },
  todo(){
wx.navigateTo({
  url: '/pages/todo/todo',
})
  }
})


// 1. 排版
// 2. 删除功能-加上交互
// 3. 完成的待办需要有一个特殊的样式
// 4. 加上本地存储

// 在git传一份
// 在微信群里分享一下